
Ext.define('web.common.client.FormPanel', {
	extend : 'Ext.form.Panel',
/* define custom properties start */
	id : 'formpanel',
	title : '',
	iconCls : 'silk-form',
	layout : 'auto',	
	fieldDefaults : {
		labelWidth : 90,
		msgTarget : 'side'
	},
	defaultType : 'textfield',
	items : '',
	buttons : '',
	border : true,	
	frame : true,
	bodyPadding : 5,	
/* define custom properties end */	
	initComponent : function(){			
		var me = this;
		Ext.apply(me, {														
			autoDestory : true
		});		
		this.callParent(arguments);
	}
});

Ext.define('web.common.client.GridPanel', {
	extend : 'Ext.grid.Panel',
/* define custom properties start */	
	id : 'gridPanel',
	title : '',
	iconCls : 'silk-grid',
	width : 560,
	height : 300,
	checkbox : false,
	multiSelect : true,
	frame : false,
	border : false,
	forceFit : true,
	store : '',
	columnLines : true,
/* end */	
	initComponent : function(){	
		var me = this;
		var sm = (me.checkbox)?Ext.create('Ext.selection.CheckboxModel'):'';			
		Ext.apply(me, {
			selModel : sm,			
			autoLoad : false,
			autoDestory : true
		});		
		this.callParent(arguments);
	},
	getSelectionItem : function(){		
		return this.getSelectionModel().getSelection();
	},
	removeSelectionItem : function(){
		this.getStore().remove(this.removeSelectionItem());
	}
});

Ext.define('web.common.client.TabPanel', {
	extend : 'Ext.tab.Panel',
/* define custom properties start */
	id : 'tabPanel',
	width : 570,
	height : 320,
	bodyPadding : 1,			
	plain : true,
/* end */	
	initComponent : function(){
		var me = this;
		Ext.apply(me, {			
			activeTab : 0,			
			autoDestory : false 
		});		
		this.callParent(arguments);
	}
});